﻿@{
    ViewBag.Title = "Index";

}
<script src="~/Js/jquery-1.6.2.min.js"></script>

@section HeadPlugin{
    <style type="text/css">
        .container-narrow {
            margin: 0 auto;
            max-width: 800px;
        }

        .row-fluid [class*="span"] {
            margin-left: 1.28205%;
        }

        .show-grid {
            margin-bottom: 0;
            margin-top: 10px;
        }

        .container-other {
            width: 100%;
            background: url("../Img/bg.jpg") repeat scroll 0 0 transparent;
        }
        .container-cen {
            padding-left: 50px;
        }
         .tiles {
            margin-right: -10px;
        }

        .row-block {
            height: 100px;
        }
    </style>
    <link href="~/Content/Sys/admin/style.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/fonts/font-awesome.min.css" rel="stylesheet" type="text/css" />
}


<div class="container container-cen">
    <!-- Header
        *********************************************************************-->
    <!-- Content
        >>row-fluid:百分比
        *********************************************************************-->
    <div class="row-block"></div>
    <div class="tiles">
        <div class="tile double-down bg-blue">
            <div class="tile-body">
                <i class="fa fa-bell-o"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Notifications
                </div>
                <div class="number">
                    6
                </div>
            </div>
        </div>
        <div class="tile bg-green">
            <div class="tile-body">
                <i class="fa fa-calendar"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Meetings
                </div>
                <div class="number">
                    12
                </div>
            </div>
        </div>
        <div class="tile double selected bg-blue">
            <div class="corner"></div>
            <div class="check"></div>
            <div id="mylife" class="tile-body">
                <h4>Welcome to my life</h4>
                <p>Re: Se7en v1.1 - Project Update!</p>

            </div>
            <div class="tile-object">
                <div class="name">
                    <span> More...</span>
                </div>
                <div class="number">
                    14
                </div>
            </div>
        </div>
        <div class="tile selected bg-red">
            <div class="corner"></div>
            <div class="tile-body">
                <i class="fa fa-user"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Members
                </div>
                <div class="number">
                    452
                </div>
            </div>
        </div>
        <div class="tile image double bg-purple">
            <div class="tile-body">
                <img src="~/Img/ad_img1.jpg" alt="">

            </div>
            <div class="tile-object">
                <div class="name">
                    Se7en 小憩
                </div>
                <div class="number">
                    24 Jan 2013
                </div>
            </div>
        </div>
        <div class="tile bg-yellow">
            <div class="tile-body">
                <i class="fa fa-shopping-cart"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Orders
                </div>
                <div class="number">
                    121
                </div>
            </div>
        </div>
        <div class="tile image selected">
            <div class="tile-body">
                <img src="~/Img/ad_img1.jpg" alt="">
            </div>
            <div class="tile-object">
                <div class="name">
                    Media
                </div>
            </div>
        </div>
        <div class="tile bg-green">
            <div class="tile-body">
                <i class="fa fa-comments-alt"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Feedback
                </div>
                <div class="number">
                    12
                </div>
            </div>
        </div>
        <div class="tile image double selected bg-dark">
            <div class="tile-body">
                <img src="~/Img/ad_img2.jpg" alt="" class="pull-right">


                <p>
                    I really love this theme. I look forward to check the next release!
                </p>
            </div>
            <div class="tile-object">
                <div class="name">
                    <i class="fa fa-twitter"></i>
                </div>
                <div class="number">
                    10:45PM, 23 Jan
                </div>
            </div>
        </div>
        <div class="tile bg-blue">
            <div class="tile-body">
                <i class="fa fa-coffee"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Meetups
                </div>
                <div class="number">
                    12 Jan
                </div>
            </div>
        </div>
        <div class="tile bg-green">
            <div class="tile-body">
                <i class="fa fa-bar-chart-o"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Reports
                </div>
                <div class="number"></div>
            </div>
        </div>
        <div class="tile bg-purple">
            <div class="tile-body">
                <i class="fa fa-briefcase"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Documents
                </div>
                <div class="number">
                    124
                </div>
            </div>
        </div>
        <div class="tile image double selected">
            <div class="tile-body">
                <img src="~/Img/ad_img3.jpg" />
            </div>
            <div class="tile-object">
                <div class="name">
                    Gallery
                </div>
                <div class="number">
                    124
                </div>
            </div>
        </div>
        <div id="Settings" class="tile bg-yellow selected">
            <div class="corner"></div>
            <div class="check"></div>
            <div class="tile-body">
                <i class="fa fa-cogs"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Settings
                </div>
            </div>
        </div>
        <div class="tile bg-purple">
            <div class="tile-body">
                <i class="fa fa-plane"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Projects
                </div>
                <div class="number">
                    34
                </div>
            </div>
        </div>
    </div>
    <div class="row-block"></div>
</div>

<script>
    $(function () {
        $("#mylife").click(function () {
            location.href = '@Url.Action("Index","Bolg",new{area ="MyLife"})';
        });
        
        $("#Settings").click(function () {
            location.href = '@Url.Action("Index","Admin",new{area ="Sys"})';
        });

    });

</script>

